<template>
    <div class="wrap-content contentBox">
        <!-- banner -->
        <div class="imgSwiperWrap">
            <swiper class="imgSwiper"
                    auto
                    loop
                    :interval=5000
                    :show-dots="false">
                <swiper-item class="swiper-demo-img"
                             v-for="(item, index) in imgList"
                             :key="index">
                    <img class="swiperImg"
                         :src="item.imgUrl">
                </swiper-item>
            </swiper>
            <div class="broadMarqueeWrap">
                <marquee class="broadMarquee"
                         direction="up"
                         :interval=3000>
                    <marquee-item v-for="(item,index) in broadcastList"
                                  :key="index">
                        <div class="broadcastMsg">{{item.Title}}</div>
                        <!-- <button class="moreBtn"
                                @click="$router.push('/inform')">更多</button> -->
                    </marquee-item>
                </marquee>
                <p v-if="broadcastList.length == 0">用户操作说明</p>
                <span @click="preview('用户操作说明.pdf')">查看</span>
                <div class="backBench"></div>
            </div>
        </div>
        <div class="unitSection clear"
             v-if="!registerInfo.departName">
            <router-link to="/addCompany"
                         class="add_company">
                <p class="unitSectionName">新增单位</p>
            </router-link>
            <!-- <router-link to="/joinCompany"
                         class="join_company">
                加入单位
            </router-link> -->
        </div>
        <div class="unitSection unitSection1 clear"
             v-show="registerInfo.departName">
            <div class="unitSection_l fl">
                <p class="unitSectionName">单位:{{selectCompanyItem.UnitName|unescape}}
                </p>
            </div>
            <router-link to="/addCompany/modify"
                         class="unitSection_r fr"
                         v-if="Administrator==1">
            </router-link>
            <span class="companyPropShow"
                  @click="companyPropShow = true">请选择</span>
        </div>
        <!-- <div class="select-company"
             v-else>
            <p>单位:{{selectCompanyItem.UnitName|unescape}}</p>
            <router-link to="/addCompany/modify"
                         class="modifyCompany"
                         v-if="Administrator==1">
            </router-link>
            <span @click="companyPropShow = true">请选择</span>
        </div> -->
        <!-- <div class="cut-off-rule"></div> -->
        <div class="item-content mgT20">
            <div class="item-header">
                <h3>疫情防控</h3>
            </div>
            <ul>
                <li>
                    <router-link to="/retrospect?type=glry"
                                 v-if="registerInfo.departName">
                        <img src="../../assets/icon-retrospect2.png"
                             alt=""
                             srcset="">
                        <p>管理人员进退场管理</p>
                    </router-link>
                    <div class="unclickable"
                         @click="$vux.toast.text('请新增单位或加入单位')"
                         v-else>
                        <img src="../../assets/icon-train.png"
                             alt=""
                             srcset="">
                        <p>管理人员进退场管理</p>
                    </div>
                </li>
                <li>
                    <router-link to="/retrospect?type=lwry"
                                 v-if="registerInfo.departName">
                        <img src="../../assets/icon-retrospect1.png"
                             alt=""
                             srcset="">
                        <p>劳务人员进退场管理</p>
                    </router-link>
                    <div class="unclickable"
                         @click="$vux.toast.text('请新增单位或加入单位')"
                         v-else>
                        <img src="../../assets/icon-train.png"
                             alt=""
                             srcset="">
                        <p>劳务人员进退场管理</p>
                    </div>
                </li>
                <li>
                    <router-link to="/thermometryIndex?type=glry"
                                 v-if="registerInfo.departName">
                        <img src="../../assets/icon-thermometry2.png"
                             alt=""
                             srcset="">
                        <p>管理人员测温</p>
                    </router-link>
                    <div class="unclickable"
                         @click="$vux.toast.text('请新增单位或加入单位')"
                         v-else>
                        <img src="../../assets/icon-train.png"
                             alt=""
                             srcset="">
                        <p>管理人员测温</p>
                    </div>
                </li>
                <li>
                    <router-link to="/thermometryIndex?type=lwry"
                                 v-if="registerInfo.departName">
                        <img src="../../assets/icon-thermometry1.png"
                             alt=""
                             srcset="">
                        <p>劳务人员测温</p>
                    </router-link>
                    <div class="unclickable"
                         @click="$vux.toast.text('请新增单位或加入单位')"
                         v-else>
                        <img src="../../assets/icon-train.png"
                             alt=""
                             srcset="">
                        <p>劳务人员测温</p>
                    </div>
                </li>
                <li>
                    <router-link to="/disinfectionList"
                                 v-if="registerInfo.departName">
                        <img src="../../assets/icon-disinfect.png"
                             alt=""
                             srcset="">
                        <p>消毒记录</p>
                    </router-link>
                    <div class="unclickable"
                         @click="$vux.toast.text('请新增单位或加入单位')"
                         v-else>
                        <img src="../../assets/icon-train.png"
                             alt=""
                             srcset="">
                        <p>消毒记录</p>
                    </div>
                </li>
                <li>
                    <!-- <router-link to="">
                        <img src="../../assets/icon-train.png"
                             alt=""
                             srcset="">
                        <p>防疫培训</p>
                    </router-link> -->
                    <div class="unclickable"
                         @click="$vux.toast.text('暂未开通')">
                        <img src="../../assets/icon-train.png"
                             alt=""
                             srcset="">
                        <p>防疫培训</p>
                    </div>
                </li>
                <li>
                    <router-link to="/visitorList"
                                 v-if="registerInfo.departName">
                        <img src="../../assets/icon-visitor.png"
                             alt=""
                             srcset="">
                        <p>访客记录</p>
                    </router-link>
                    <div class="unclickable"
                         @click="$vux.toast.text('请新增单位或加入单位')"
                         v-else>
                        <img src="../../assets/icon-train.png"
                             alt=""
                             srcset="">
                        <p>访客记录</p>
                    </div>
                </li>
                <li>
                    <router-link to="/bodyAbnormalIndex"
                                 v-if="registerInfo.departName">
                        <img src="../../assets/icon_temperature.png"
                             alt=""
                             srcset="">
                        <p>体温异常</p>
                    </router-link>
                    <div class="unclickable"
                         @click="$vux.toast.text('请新增单位或加入单位')"
                         v-else>
                        <img src="../../assets/icon-train.png"
                             alt=""
                             srcset="">
                        <p>体温异常</p>
                    </div>
                </li>
                <li>
                    <router-link to="/report"
                                 v-if="registerInfo.departName">
                        <img src="../../assets/icon-report.png"
                             alt=""
                             srcset="">
                        <p>疫情上报</p>
                    </router-link>
                    <div class="unclickable"
                         @click="$vux.toast.text('请新增单位或加入单位')"
                         v-else>
                        <img src="../../assets/icon-train.png"
                             alt=""
                             srcset="">
                        <p>疫情上报</p>
                    </div>
                </li>
            </ul>
            <div class="item-footer">
                <!-- <router-link to="">
                    <img src="../../assets/icon-dynamic.png"
                         alt="">
                    <span>疫情动态</span>
                </router-link>
                <router-link to="">
                    <img src="../../assets/icon-epidemic.png"
                         alt="">
                    <span>防疫知识</span>
                </router-link> -->
                <div @click="$router.push('/dynamics')">
                    <img src="../../assets/icon-dynamic.png"
                         alt="">
                    <span>疫情动态</span>
                </div>
                <div @click="preview('防疫知识.pdf')">
                    <img src="../../assets/icon-epidemic.png"
                         alt="">
                    <span>防疫知识</span>
                </div>
            </div>
        </div>
        <div class="cut-off-rule"></div>
        <div class="item-content">
            <div class="item-header">
                <h3>人员动态</h3>
                <div class="refresh">
                    <p>数据截止{{currentTime}}</p>
                    <img :class="{'loading':loadUserData}"
                         @click="UserStatistics"
                         src="../../assets/icon_refresh.png"
                         alt="">
                </div>
            </div>
            <div class="table-wrap">
                <table>
                    <tr>
                        <th></th>
                        <th>今日返岗</th>
                        <th>累计返岗</th>
                    </tr>
                    <tr>
                        <td>
                            劳务人员
                        </td>
                        <td>{{userStatisticsData[0]?userStatisticsData[0].Today:'0'}}</td>
                        <td>{{userStatisticsData[0]?userStatisticsData[0].Total:'0'}}</td>
                    </tr>
                    <tr>
                        <td>
                            管理人员
                        </td>
                        <td>{{userStatisticsData[1]?userStatisticsData[1].Today:'0'}}</td>
                        <td>{{userStatisticsData[1]?userStatisticsData[1].Total:'0'}}</td>
                    </tr>
                    <tr>
                        <td>
                            总计
                        </td>
                        <td>{{userStatisticsData[2]?userStatisticsData[2].Today:'0'}}</td>
                        <td>{{userStatisticsData[2]?userStatisticsData[2].Total:'0'}}</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="cut-off-rule"></div>
        <div class="item-content">
            <div class="item-header">
                <h3>测温统计</h3>
                <div class="refresh">
                    <p>数据截止{{currentTime}}</p>
                    <img :class="{'loading':loadTWData}"
                         @click="GetDecktopTW"
                         src="../../assets/icon_refresh.png"
                         alt="">
                </div>
            </div>
            <div class="table-wrap">
                <table>
                    <tr>
                        <th></th>
                        <th>在岗</th>
                        <!-- <th>追溯</th> -->
                        <th>测温</th>
                        <th>隔离</th>
                        <th>异常</th>
                    </tr>
                    <tr>
                        <td>
                            劳务人员
                        </td>
                        <td>{{userStatisticsData[0]?userStatisticsData[0].Working:'0'}}</td>
                        <td class="thermometry">
                            <span>{{TWStatisticsData.lwcw?TWStatisticsData.lwcw:0}}</span>
                            <p>较昨日</p>
                        </td>
                        <td class="quarantine">
                            <span>{{TWStatisticsData.lwquarantine?TWStatisticsData.lwquarantine:0}}</span>
                            <p v-if="TWStatisticsData.lwquarantineAdd">{{TWStatisticsData.lwquarantineAdd>0?`+${TWStatisticsData.lwquarantineAdd}`:TWStatisticsData.lwquarantineAdd}}</p>
                            <p v-else>0</p>
                        </td>
                        <td class="abnormal">
                            <span>{{TWStatisticsData.lwyc?TWStatisticsData.lwyc:0}}</span>
                            <p v-if="TWStatisticsData.lwycAdd">{{TWStatisticsData.lwycAdd>0?`+${TWStatisticsData.lwycAdd}`:TWStatisticsData.lwycAdd}}</p>
                            <p v-else>0</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            管理人员
                        </td>
                        <td>{{userStatisticsData[1]?userStatisticsData[1].Working:'0'}}</td>
                        <td class="thermometry">
                            <span>{{TWStatisticsData.glcw?TWStatisticsData.glcw:0}}</span>
                            <p>较昨日</p>
                        </td>
                        <td class="quarantine">
                            <span>{{TWStatisticsData.glquarantine?TWStatisticsData.glquarantine:0}}</span>
                            <p v-if="TWStatisticsData.glquarantineAdd">{{TWStatisticsData.glquarantineAdd>0?`+${TWStatisticsData.glquarantineAdd}`:TWStatisticsData.glquarantineAdd}}</p>
                            <p v-else>0</p>
                        </td>
                        <td class="abnormal">
                            <span>{{TWStatisticsData.glyc?TWStatisticsData.glyc:0}}</span>
                            <p v-if="TWStatisticsData.glycAdd">{{TWStatisticsData.glycAdd>0?`+${TWStatisticsData.glycAdd}`:TWStatisticsData.glycAdd}}</p>
                            <p v-else>0</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            总计
                        </td>
                        <td>{{userStatisticsData[2]?userStatisticsData[2].Working:0}}</td>
                        <td class="thermometry">
                            <span>{{TWStatisticsData.cwzj?TWStatisticsData.cwzj:0}}</span>
                            <p>较昨日</p>
                        </td>
                        <td class="quarantine">
                            <span>{{TWStatisticsData.quarantineCount?TWStatisticsData.quarantineCount:0}}</span>
                            <p v-if="TWStatisticsData.quarantineCountAdd">{{TWStatisticsData.quarantineCountAdd>0?`+${TWStatisticsData.quarantineCountAdd}`:TWStatisticsData.quarantineCountAdd}}</p>
                            <p v-else>0</p>
                        </td>
                        <td class="abnormal">
                            <span>{{TWStatisticsData.glycCount?TWStatisticsData.glycCount:0}}</span>
                            <p v-if="TWStatisticsData.glycCountAdd">{{TWStatisticsData.glycCountAdd>0?`+${TWStatisticsData.glycCountAdd}`:TWStatisticsData.glycCountAdd}}</p>
                            <p v-else>0</p>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="cut-off-rule"></div>
        <div class="gk-entery"
             @click="gotoGK"></div>
        <companyProp :companyPropShow="companyPropShow"
                     :selectCompany="selectCompany"></companyProp>
    </div>
</template>
<script>
import companyProp from '@/commonComponents/companyProp'
// import formatDate from '@/utils/formatDate'
export default {
    name: 'epidemicFKEntery',
    components: {
        companyProp
    },
    data () {
        return {
            imgList: [
                {
                    imgUrl: './static/images/index/banner1.jpg'
                }
                // {
                //     imgUrl: './static/images/index/banner.png'
                // }
            ],
            showPositionValue: false,
            broadcastList: [
            ],
            companyPropShow: false,
            registerInfo: {},
            selectCompanyItem: {},
            // date: formatDate(),
            userStatisticsData: [],
            loadUserData: false,
            TWStatisticsData: '',
            loadTWData: false,
            currentTime: '',
            Administrator: 0 // 是否是管理员
        }
    },
    created () {
        this.registerInfo = JSON.parse(localStorage.getItem('registerInfo'))
        this.Administrator = localStorage.getItem('Administrator')
        if (!this.Administrator) {
            this.$axiosAjax.GetIsManager({ userNo: this.registerInfo.userId }).then((res) => {
                this.Administrator = res.data.code
            })
        }
        if (!this.registerInfo.departId || !this.registerInfo.departName) {
            this.$axiosAjax.GetSingleDataByUserNo({
                userNo: this.registerInfo.userId || this.registerInfo.openId
            }).then(res => {
                if (res.status == 200) {
                    let info = res.data.data
                    this.registerInfo = Object.assign(this.registerInfo, {
                        departId: info.DepartId,
                        departName: info.DepartName
                    })
                    localStorage.setItem('registerInfo', JSON.stringify(this.registerInfo))
                    this.selectCompanyItem = {
                        UnitName: this.registerInfo.departName,
                        UnitId: this.registerInfo.departId
                    }
                    if (this.registerInfo.departName) {
                        this.UserStatistics()
                        this.GetDecktopTW()
                    }
                }
            })
        } else {
            this.selectCompanyItem = {
                UnitName: this.registerInfo.departName,
                UnitId: this.registerInfo.departId
            }
            this.UserStatistics()
            this.GetDecktopTW()
        }
        this.currentTime = this.getCurrentTime()
        // this.selectCompanyItem = {
        //     UnitName: this.registerInfo.departName,
        //     UnitId: this.registerInfo.departId
        // }
        // if (this.registerInfo.departName) {
        //     this.UserStatistics()
        //     this.GetDecktopTW()
        // }
    },
    methods: {
        // preview (filePath) {
        //     wx.miniProgram.navigateTo({
        //         url: `/pages/openDocument/index?filePath=${filePath}`
        //     })
        // },
        preview (pdf) {
            // window.open('./static/pdfjs/web/viewer.html?file=' + pdf, '_self')
            this.$router.push({
                path: '/preview',
                query: {
                    file: pdf
                }
            })
        },
        gotoGK () {
            if (!this.registerInfo.departName) {
                this.$vux.toast.text('请新增单位或加入单位')
            } else {
                this.$router.push('/Index/IndexManager')
            }
        },
        selectCompany (item) {
            this.companyPropShow = false
            this.selectCompanyItem = item
            this.UserStatistics()
            this.GetDecktopTW()
        },
        UserStatistics () {
            if (!this.registerInfo.departName) {
                this.$vux.toast.text('请新增单位或加入单位')
                return false
            }
            this.loadUserData = true
            let params = {
                deptid: this.selectCompanyItem.UnitId,
                date: this.getCurrentTime()
            }
            this.$axiosAjax.UserStatistics(params).then((res) => {
                this.userStatisticsData = res.data
                this.loadUserData = false
            })
        },
        GetDecktopTW () {
            if (!this.registerInfo.departName) {
                this.$vux.toast.text('请新增单位或加入单位')
                return false
            }
            this.loadTWData = true
            let params = {
                unitid: this.selectCompanyItem.UnitId
            }
            this.$axiosAjax.GetDecktopTW(params).then((res) => {
                this.loadTWData = false
                if (res.data.code === 0) {
                    this.TWStatisticsData = res.data.data
                } else {
                    this.$vux.toast.text(res.data.info)
                }
            })
        },
        getCurrentTime () {
            let newDate = new Date()
            let myyear = newDate.getFullYear()
            let mymonth = newDate.getMonth() + 1
            let myweekday = newDate.getDate()
            if (mymonth < 10) {
                mymonth = `0${mymonth}`
            }
            if (myweekday < 10) {
                myweekday = `0${myweekday}`
            }
            let hours = newDate.getHours()
            let minutes = newDate.getMinutes()
            if (hours < 10) {
                hours = `0${hours}`
            }
            if (minutes < 10) {
                minutes = `0${minutes}`
            }
            return `${myyear} - ${mymonth} - ${myweekday} ${hours}: ${minutes}`
        }
    }
}
</script>
<style scoped>
.mgT20 {
    margin-top: -20px;
}
.loading {
    animation: run 2s linear 0s infinite;
    -webkit-animation: run 2s linear 0s infinite;
}
@keyframes run {
    from {
        -webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}
.wrap-content {
    height: 100%;
    background: #f4f4f4;
}
.select-company {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 20px 0 15px;
    background: #fff;
}
.select-company span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 20px;
    line-height: 18px;
    color: #2269ff;
    border: 1px solid #2269ff;
    border-radius: 10px;
    font-size: 12px;
}
.select-company p {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
.item-content {
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 10px;
    padding: 0 15px;
}
.item-content .item-header {
    display: flex;
    align-content: center;
    height: 44px;
    border-bottom: 1px solid #f4f4f4;
}
.item-header {
    display: flex;
    align-content: center;
    justify-content: space-between;
}
.item-header h3 {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 44px;
}
.item-header .refresh {
    display: flex;
    align-items: center;
}
.item-header p {
    font-size: 12px;
    color: #6b8fd7;
}
.item-header img {
    width: 20px;
    margin-left: 10px;
}
.item-content ul {
    display: flex;
    flex-wrap: wrap;
}
.item-content li {
    width: 25%;
}
.item-content li a,
.item-content li .unclickable {
    display: block;
    padding: 10px 10px 0;
}
.item-content li img {
    display: block;
    width: 28px;
    height: 28px;
    margin: 10px auto;
}
.item-content li p {
    text-align: center;
    font-size: 12px;
    color: #333;
}
.item-content li .unclickable p {
    color: #999;
}
.item-footer {
    display: flex;
    align-items: center;
    border-top: 1px solid #f4f4f4;
    margin-top: 20px;
}
.item-footer a,
.item-footer > div {
    display: flex;
    align-content: center;
    justify-content: center;
    flex: 1;
    align-items: center;
    height: 45px;
}
.item-footer img {
    width: 24px;
    height: 24px;
}
.item-footer span {
    font-size: 14px;
    color: #333;
    margin-left: 10px;
}
.item-content .table-wrap {
    padding: 20px 0;
}
.item-content table {
    width: 100%;
    text-align: center;
}
.item-content table tr {
    height: 40px;
}
.item-content table tr td {
    font-size: 14px;
    color: #2269ff;
    vertical-align: middle;
}
.item-content table th,
.item-content table tr td:nth-child(1) {
    font-size: 14px;
    color: #333;
    vertical-align: middle;
}
.item-content table tr td:nth-child(1) {
    width: 100px;
    text-align: left;
    padding-left: 20px;
}
.item-content table .thermometry span {
    font-size: 14px;
    color: #2269ff;
}
.item-content table .thermometry p {
    font-size: 12px;
    color: #666;
}
.item-content table .quarantine,
.item-content table .abnormal {
    padding: 0 5px;
}
.item-content table .quarantine span {
    font-size: 14px;
    color: #ff8a00;
}
.item-content table .quarantine p {
    font-size: 12px;
    color: #ff8a00;
    height: 18px;
    line-height: 18px;
    background: #ffe2c0;
    border-radius: 9px;
}
.item-content table .abnormal span {
    font-size: 14px;
    color: #ff3d3d;
}
.item-content table .abnormal p {
    font-size: 12px;
    color: #ff3d3d;
    height: 18px;
    line-height: 18px;
    background: #ffd2d2;
    border-radius: 9px;
}

/* 轮播图 */
.vux-swiper img {
    width: 100%;
}

.imgSwiperWrap {
    position: relative;
}

.imgSwiper {
    height: 160px;
}

/* 公告轮播 */
.broadMarqueeWrap {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.contentBox .broadMarquee {
    height: 35px !important;
    font-size: 12px;
    position: relative;
    z-index: 2;
}

.broadMarquee .broadcastMsg {
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    float: left;
}

.broadMarqueeWrap .moreBtn {
    display: block;
    /* position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px; */
    float: right;
    margin-right: 10px;
    /* margin-top: 8px; */
    width: 49px;
    height: 20px;
    font-size: 10px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 17px;
}
.broadMarqueeWrap p {
    position: absolute;
    top: 0;
    left: 10px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    z-index: 4;
}
.broadMarqueeWrap span {
    position: absolute;
    right: 10px;
    top: 7px;
    width: 49px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 17px;
    z-index: 2;
    text-align: center;
}
.vux-marquee-box li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 35px;
    line-height: 35px;
    padding-left: 45px;
    color: #fff;
    background: url('/static/images/index/broadcast.png') no-repeat 20px center;
    background-size: 13.5px 12px;
}

.contentBox .backBench {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    /* background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);  */
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
/* 单位名称 */
.unitSection {
    position: relative;
    z-index: 1;
    height: 70px;
    line-height: 50px;
    font-size: 12px;
    background: #2269ff;
    padding: 0 15px 0 15px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.unitSection1 {
    justify-content: normal;
}
.unitSection .companyPropShow {
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 20px;
    line-height: 18px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 12px;
}
.unitSection_l {
    padding-left: 26px;
    background: url('../../assets/unit.png') no-repeat 0 center;
    background-size: 20px 18px;
}
.add_company {
    /* flex: 1; */
    padding-left: 26px;
    background: url('../../assets/icon_add.png') no-repeat 0 center;
    background-size: 18px 18px;
}
.join_company {
    width: 70px;
    height: 20px;
    line-height: 18px;
    color: #2269ff;
    border: 1px solid #fff;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 0 5px;
    margin-top: 15px;
}
.unitSectionName {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}
.unitSectionName span {
    color: #fff;
}

.unitSection_r {
    width: 18px;
    height: 18px;
    background: url('../../assets/icon_compile.png') no-repeat right center;
    background-size: 18px 18px;
    margin-top: 14px;
    margin-left: 10px;
}

.unitSection_r span {
    color: #fff;
}
.gk-entery {
    position: fixed;
    z-index: 3;
    top: 435px;
    right: 15px;
    width: 79px;
    height: 61px;
    background: url(../../assets/icon_gk.png) no-repeat center;
    background-size: 79px 61px;
}
.modifyCompany {
    width: 22px;
    height: 22px;
    background: url('../../assets/icon_compile.png') no-repeat right center;
    background-size: 22px 22px;
}
</style>
<style>
.weui-loading_toast .weui-toast__content {
    color: #fff;
    font-size: 14px;
}
.weui-toast_text .weui-toast__content {
    color: #fff;
    font-size: 14px;
}
.weui-loading_toast .weui-toast {
    width: 100px;
    min-height: 40px;
    height: 100px;
    top: 280px;
    background: rgba(17, 17, 17, 0.65);
}
.warnSwiper .vux-icon-dot {
    width: 15px !important;
    height: 3px !important;
}
.warnSwiper .vux-icon-dot.active {
    background: #2269ff !important;
}
.forewarnContent .vux-slider .vux-indicator-right,
.forewarnContent .vux-slider > .vux-indicator {
    right: 50%;
    margin-right: -19px;
}
.swiperImg {
    height: 100%;
    object-fit: fill;
}
</style>
